import Vue from 'vue' // 引入Vue
import SvgIcon from '@/components/SvgIcon' // 引入svg图标组件

Vue.component('svg-icon', SvgIcon) // 全局注册叫svg-icon的组件

// require.context() 自动化导入某个文件夹下的匹配的很多文件
// 参数1: 你要自动读取的文件夹路径
// 参数2: 文件夹里是否遍历子目录
// 参数3: 匹配的规则(正则表达式)
// 作用: 自动化导入svg文件夹下的svg图形文件
// 返回值: 函数对象
// keys() 调用后再次返回数组, 自动化引入的那些匹配的文件相对路径字符串
const req = require.context('./svg', false, /\.svg$/)
// console.log(req)

const requireAll = requireContext => {
//   console.log(requireContext.keys()) // ['./dashboard.svg', './example.svg', './eye-open.svg', './eye.svg', './form.svg', './link.svg', './nested.svg', './password.svg', './table.svg', './tree.svg', './user.svg']

  // 把每个路径取出来, 传入给requireContext这个函数体内执行
  // 作用: 就是为了让每个svg文件被导入到webpack中当做模块生效
  return requireContext.keys().map(requireContext)
}
requireAll(req)

// 记住: 引入遇到文件夹, 默认会找下面index文件
// 记住: dir打印更详细, 函数也是一个对象
